.rawardListBox {
  width: 732rpx;
  min-height: 2426rpx;
  background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rawardListBox.png');
  background-size: 100% 100%;
  // padding: 0 40rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 66rpx;
  box-sizing: border-box;

  .rawardListBoxTitle {
    width: 352rpx;
    height: 64rpx;
    margin: 0 auto;
    margin-top: 4rpx;
    background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rawardListBoxTitle.png');
    // background-size: 100% 100%;
    background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/commonTitle1.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28rpx;
    color: #fff;
    font-weight: 500;
  }

  .note {
    color: #F29776;
    font-weight: 500;
  }

  .rawardItem {
    width: 680rpx;
    height: 302rpx;
    margin: 0 auto;
    background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/rawardItemBox.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    .innerBox {
      width: 638rpx;
      height: 244rpx;
      background: #ffe7e8;
      border-radius: 40rpx;
      background-color: #FFE7E8;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .leftPictureOfAward {
        width: 246rpx;
        height: 248rpx;
        flex-shrink: 0;
      }

      .topInfo {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        flex-direction: column;

        .rightTitleOfGift {
          height: 60rpx;

        }

        .elseWrap {
          display: flex;
          margin-top: 30rpx;
          margin-left: -60rpx;
          height: 88rpx;
          justify-content: center;
          align-items: center;

          .topOneHeadImgWrap {
            width: 178rpx;
            height: 222rpx;
            background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/topOneHeadImgWrap.png');
            background-size: 100% 100%;
            position: relative;

            .topOneHeadImg {
              width: 88rpx;
              height: 88rpx;
              border-radius: 100%;
              position: absolute;
              top: 68rpx;
              left: 40rpx;
            }
          }

          .topRightInfo {
            margin-left: -20rpx;

            .name {
              font-size: 32rpx;
              color: #333;
              font-weight: 500;
            }

            .money {
              font-size: 32rpx;
              color: #FF1A2B;
              font-weight: 500;

              .unit {

                font-size: 24rpx;
              }
            }
          }
        }
      }

      .commonInfo {
        flex-grow: 1;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;

        .text1 {
          color: #e6594c;
          // border: 4rpx solid #e6594c;
          font-size: 28rpx;
          font-weight: 500;
          text-shadow: 0.49rpx 3.97rpx 14rpx 0px rgba(221, 136, 140, 0.58);
        }

        .rightTitleOfGift {
          height: 66rpx;
          margin-top: 12rpx;
          margin-bottom: 12rpx;
        }

        .text2 {
          font-weight: 500;
          font-size: 48rpx;
          color: #E6594C;
        }
      }

      .moreInfo {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 0 10rpx;

        .rightTitleOfGift {
          height: 66rpx;

          &.title1 {
            // width: 306rpx;
            height: 60rpx;
          }

          &.title2 {
            height: 56rpx;
          }

          &.title3 {
            height: 64rpx;
          }

          &.title4 {
            height: 66rpx;
          }

          &.title5 {
            height: 66rpx;
          }

          &.title6 {
            height: 66rpx;
          }

        }

        .infoWrap {
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          font-size: 24rpx;

          .headImgWrap {
            width: 100%;
            display: flex;
            height: 72rpx;
            margin: 20rpx auto;
            position: relative;

            .headImg {
              position: absolute;
              width: 72rpx;
              height: 72rpx;
              border-radius: 50%;
              border: 4rpx solid #ffffff;
              @interDistinct: 32rpx;
              box-sizing: border-box;

              &.avatar1 {
                left: @interDistinct * 0;
              }

              &.avatar2 {
                left: @interDistinct * 1;
              }

              &.avatar3 {
                left: @interDistinct * 2;
              }

              &.avatar4 {
                left: @interDistinct * 3;
              }

              &.avatar5 {
                left: @interDistinct * 4;
              }

              &.avatar6 {
                left: @interDistinct * 5;
              }

              &.avatar7 {
                left: @interDistinct * 6;
              }

              &.avatar8 {
                left: @interDistinct * 7;
              }

              &.avatar9 {
                left: @interDistinct * 8;
              }

              &.avatar10 {
                left: @interDistinct * 9;
              }
            }
          }

        }
      }
    }
  }
}